<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#1976d2" />
    
    <!-- SEO 优化 -->
    <title>UIED设计导航 - 精选设计工具与资源导航平台</title>
    <meta name="description" content="UIED设计导航是专业的设计师导航网站，精选优质UI/UX设计工具、平面设计资源、AI设计工具，为设计师提供一站式设计资源导航服务。" />
    <meta name="keywords" content="设计导航,UI设计工具,UX设计,平面设计,AI设计,设计资源,设计师工具,Figma,Sketch,设计灵感,UIED" />
    <meta name="author" content="UIED技术团队" />
    <meta name="robots" content="index,follow" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://hao.uied.cn/" />
    <meta property="og:title" content="UIED设计导航 - 精选设计工具与资源导航平台" />
    <meta property="og:description" content="专业的设计师导航网站，精选优质UI/UX设计工具、平面设计资源、AI设计工具，为设计师提供一站式设计资源导航服务。" />
    <meta property="og:image" content="https://hao.uied.cn/og-image.jpg" />
    <meta property="og:site_name" content="UIED设计导航" />
    <meta property="og:locale" content="zh_CN" />
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://hao.uied.cn/" />
    <meta property="twitter:title" content="UIED设计导航 - 精选设计工具与资源导航平台" />
    <meta property="twitter:description" content="专业的设计师导航网站，精选优质UI/UX设计工具、平面设计资源、AI设计工具，为设计师提供一站式设计资源导航服务。" />
    <meta property="twitter:image" content="https://hao.uied.cn/og-image.jpg" />
    
    <!-- 其他 SEO 标签 -->
    <meta name="format-detection" content="telephone=no" />
    <meta name="applicable-device" content="pc,mobile" />
    <meta name="MobileOptimized" content="width" />
    <meta name="HandheldFriendly" content="true" />
    
    <!-- 网站验证 (根据需要添加) -->
    <!-- <meta name="google-site-verification" content="your-verification-code" /> -->
    <!-- <meta name="baidu-site-verification" content="your-verification-code" /> -->
    
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    
    <!-- DNS 预解析 -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link rel="dns-prefetch" href="//www.uied.cn">
    
    <!-- Google Fonts - Lexend -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- JSON-LD 结构化数据 -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "UIED设计导航",
      "description": "专业的设计师导航网站，精选优质UI/UX设计工具、平面设计资源、AI设计工具",
      "url": "https://hao.uied.cn",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://hao.uied.cn/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "publisher": {
        "@type": "Organization",
        "name": "UIED技术团队",
        "url": "https://www.uied.cn"
      }
    }
    </script>
    
    <!-- 百度统计 -->
    <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?69053bde5549eb8f139ce500b6549347";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
  </body>
</html>
